<p>image-slider works!</p>
<div class="image-slider">
  <div class="main-inner"
    [ngStyle]="{'margin-left':leftPos+'px', 'width':imageParentDivWidth+'px', 'transition': effectStyle}">
    <div *ngFor="let img of imageObj; let i = index"
      class="image-block">
      <img class="image"
        [src]="img.thumbImage">
    </div>
  </div>
  <a class="prev"
    (click)="prev()">&lsaquo;</a>
  <a class="next"
    (click)="next()">&rsaquo;</a>
</div>
<div class="dot-area">
  <a *ngFor="let img of imageObj;let i = index"
    href="javascript:void(0)"
    class="dot"
    (click)="currentSlide(i)"></a>
</div>